// 变量定义
$base-color: #3498db; //基本颜色
// 面板相关
$pannel-shadow-color: rgba(0, 0, 0, 0.5); // 阴影颜色
$pannel-color: #ffffff; //面板颜色
$pannel-hover-color: #e5eaf3; //面板悬停颜色
// 字体相关
$small-font-size: clamp(6px, 1vw, 10px); //小字体
$middle-font-size: clamp(10px, 2vw, 13px); //中等字体
$big-font-size: clamp(13px, 3vw, 15px); //大字体
// 地图相关
$map-height: clamp(300px, 50vh, 500px); //地图高度
// 通用样式定义
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

// 标题样式
.title-text {
  font-weight: bold;
  text-align: center;
}
// 次标题样式
.sub-title-text {
  font-weight: bolder;
  text-align: left;
  font-size: $middle-font-size;
}
//按钮文本样式
.button-text {
  text-align: center;
  font-weight: bolder;
  font-size: $middle-font-size;
}
//普通文本样式
.common-text {
  text-align: center;
  font-size: $middle-font-size;
}
//选择框文本样式
.option-text {
  font-size: $middle-font-size !important;
}

//尾部文字样式
.footer-text {
  text-align: right;
  font-size: $middle-font-size;
}

//作为icon的图片样式
.icon-img {
  height: 2vh;
  min-height: 20px;
  max-height: 30px;
}

// 算法面板表单样式修改
.el-form.algorithm-param-form {
  .el-form-item {
    margin: 8px 10px;
    .el-form-item__label {
      font-size: $middle-font-size;
      text-align: center;
      padding: 0;
      margin: 0;
    }
    .el-form-item__content {
      font-size: $middle-font-size;
      flex-wrap: nowrap;
      .el-switch {
        margin-right: 5px;
      }
      .el-form-item__error {
        font-size: $small-font-size;
      }
    }
  }
}

//elementui样式覆盖
.el {
  font-family: Arial, sans-serif;
}
.el-col {
  margin: 5px 0;
}
.el-space {
  display: flex;
}
.el-slider {
  height: 24px;
}
